/*
Theme Name: Stockholm
Theme URI: http://demo.select-themes.com/stockholm
Description: Stockholm Theme
Tags: agency, business, ajax, portfolio, blog, shop, multi-purpose, clean, elegant, white, photography, modern, fullscreen, stylish, design
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 1.7
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/








.projects_holder article .portfolio_shader {
     background-color: rgba(39, 39, 39, 0.4);
}
.projects_holder article:hover img,.wpb_wrapper article:hover .image img,.boxes_image a:hover img,.blog_holder.masonry article:hover img {
    -moz-transform: scale(1.1,1.1); /* Для Firefox */
    -ms-transform: scale(1.1,1.1); /* Для IE */
    -webkit-transform: scale(1.1,1.1); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.1,1.1); /* Для Opera */
     transform: scale(1.1,1.1);
}
.boxes_image .latest_post_overlay{
    background-color: rgba(39, 39, 39, 0.4) !important;
}
.boxes_image img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.wpb_wrapper article .image img,.blog_holder.masonry article img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.portfolio_shader,.post_overlay {
    background-color: rgba(39, 39, 39, 0.4) !important;
}
.blog_holder.masonry article a{
    overflow: hidden;
}
body .wrapper h1 {
    font-size: 30px;
    line-height: 1.2em;
    letter-spacing: 2px;
    font-weight: 800;
    text-transform: uppercase;
}
#contact-form input[type=text]{
	background: #fff;
    line-height: 18px;
    padding: 10px 17px !important;
    font-size: 1.3em;
}
#contact-form textarea {
	height: 95px;
}
#contact-form {
	width: 700px;
    margin: 0 auto;

























}
#contact-form .qbutton {
	padding: 0 10px;
	letter-spacing: 1px;
    border: 2px solid #e6ae48;
    background-color: #e6ae48;
    -webkit-appearance: none;
}
#contact-form .qbutton:hover {
    color: #e6ae48;
    background-color: transparent;
    border-color: #e6ae48;
}
#contact-form span.submit_button_contact {
	position: absolute;
	right: 0;
	bottom: 15px;
}
#contact-form .column_inner {
	position: relative
}
#contact-form .contact-success {
    text-align: center;
    font-size: 20px;
    color: #000;
}
.filter_portfolio{
	font-size:16px;
    width: 90%;
    margin: 20px auto;
	margin-top:0px;
}
.filter_portfolio h2{
	text-align:center;
	font-size:24px;
}
.filter_portfolio h2 small {
	display: block;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0;
}
.filter_portfolio .filter_inner{margin:20px 0px;}
.filter_portfolio select{
	background: #fff;
    line-height: 18px;
    padding: 5px 3px !important;	
}
.filter_portfolio .row{
	padding:10px 0px;
}
.qbutton.change_image{margin-bottom:15px;}
.filter_portfolio .column1, .filter_portfolio .column2, .filter_portfolio .column3{float:left; width:33%;}
.clear{clear:both;}
.portfolio_shortcode .projects_holder.v4 article.mix{
	margin-right: 1.5%;
}
.portfolio_page.v4 article.mix{
    display: block !important;
    float: left;
    margin-right: 1.5%;
	min-height:360px;
}
.portfolio_page .filter_portfolio select {
	width: 180px;
}
.portfolio_page .filter_portfolio .column_inner {
	text-align: right;
    padding: 0 20px;
}
.portfolio_page .filter_portfolio .qbutton {
	    height: 29px;
    width: 180px;
    line-height: 29px;
    text-align: center;
    box-sizing: border-box !important;
}
.p_desc{font-size:14px; color:#000; margin-bottom:20px !important;}
.p_desc.p_desc_first{margin:20px 0px;}
.portfolio_title .title{height:auto !important; padding:20px 0px; background-color:#dd9933}
.contact_form_shortcode{
	margin:20px 0px;
}
#form3 {
        background: #e5e5e5;

}
.form3 .wdform_section .wdform_column {
        padding-right: 12px !important;
}
.form3 .wdform_section input[type="text"] {
    box-sizing: border-box;
    height: 42px;
}
.form3 .wdform_section #wdform_5_element3 {
    box-sizing: border-box;
    height: 100px !important;
}
@media only screen and (max-width: 768px){
    .filter_portfolio {
        width: 100%;
    }
    .portfolio_page .filter_portfolio select {
        width: 130px;
    }
    .portfolio_page .filter_portfolio .qbutton {
        width: 130px;
        padding: 0;
    }
    .filter_portfolio .column1 .column_inner {
        padding-left: 0;
    }
    .filter_portfolio .column3 .column_inner {
        padding-right: 0;
    }
}
@media only screen and (max-width: 700px){
    #contact-form  {
        width: 100%;
    }
    #contact-form .two_columns_50_50>.column1 {
        display: block;
        width: 100%;
    }
    #contact-form .two_columns_50_50>.column2 {
        display: block;
        width: 100%;
    }
    #contact-form .two_columns_50_50>.column2>.column_inner, #contact-form .two_columns_50_50>.column1>.column_inner {
        padding: 0;
    }
}
@media only screen and (max-width: 480px) {
    .filter_portfolio .column1, .filter_portfolio .column2, .filter_portfolio .column3 {
        display: block;
        width: 100%;
    }
    .filter_portfolio label {
        width: 45%;
        display: inline-block;
    }
    .portfolio_page .filter_portfolio select {
        width: 45%;
        display: inline-block;
    }
    .portfolio_page .filter_portfolio .column_inner {
        padding: 0;
    }
    .portfolio_page .filter_portfolio .qbutton {
        width: 45%;
    }
    .filter_portfolio .row {
        padding: 4px 0;
    }
}